<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在标签的style属性上设置CSS样式</title>
</head>
<body>
<div style="width: 300px;height: 100px;background: blue">hello,北京</div>
<br>
<div style="width: 300px;height: 100px;background: yellow">hello,上海</div>
<br>
<div style="width: 300px;height: 100px;background: rebeccapurple">hello,天津</div>
</body>
</html>


<!--CSS使用三种方式：-->
<!--方式一： 在标签的 style 属性上设置CSS样式-->
<!--问题分析：-->
<!--标签多了，样式就多了，代码量庞大-->
<!--可读性差-->
<!--CSS代码没有复用性-->
